/* 扩散环 */
.breathe1 {
	animation: breathe1 1.8s linear infinite;
}

@-webkit-keyframes breathe1 {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	30% {
		opacity: 0.4;
		transform: scale(1.2);
	}

	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}


/* 呼吸灯 */
.glow {
	animation: glow 1s linear infinite alternate;
}

@keyframes glow {
	0% {
		border-color: rgba(227, 192, 28, .61);
		box-shadow: 0 0 5rpx #E3C01C, inset 0 0 5rpx #E3C01C, 0 0px 0 rgba(227, 192, 28, .3);
	}

	100% {
		border-color: rgba(227, 192, 28, .61);
		box-shadow: 0 0 25rpx #E3C01C, inset 0 0 10rpx #E3C01C, 0 0 0 rgba(227, 192, 28, .3);
	}
}


.rotate {
	animation: rotate 9s infinite linear;
}

.rotate-reverse {
	animation: rotate2 9s infinite linear reverse;
}

/* 旋转 */
@keyframes rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


/* 旋转2 */
@keyframes rotate2 {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


.rotate-scale {
	animation: rotate3 9s infinite linear;
}

/* 旋转放大 */
@keyframes rotate3 {
	0% {
		transform: scale(1) rotate(0deg);
	}

	49% {
		transform: scale(1.2) rotate(360deg);
	}

	50% {
		transform: scale(1) rotate(360deg);
	}

	99% {
		transform: scale(1.2) rotate(0deg);
	}

	100% {
		transform: scale(1) rotate(0deg);
	}
}

.bounce-down {
	animation: bounce-down 3s linear infinite;
}

@-webkit-keyframes bounce-down {
	25% {
		-webkit-transform: translateY(-10rpx);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(10rpx);
	}
}




.shake {
	display: inline-block;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation-name: shake-rotate;
	-ms-animation-name: shake-rotate;
	animation-name: shake-rotate;
	-webkit-animation-duration: 1000ms;
	-ms-animation-duration: 1000ms;
	animation-duration:1000ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}

@keyframes shake-rotate {
	2% {
		transform: translate(0, 0) rotate(-6.5deg)
	}

	4% {
		transform: translate(0, 0) rotate(3.5deg)
	}

	6% {
		transform: translate(0, 0) rotate(4.5deg)
	}

	8% {
		transform: translate(0, 0) rotate(-1.5deg)
	}

	10% {
		transform: translate(0, 0) rotate(-4.5deg)
	}

	12% {
		transform: translate(0, 0) rotate(-0.5deg)
	}

	14% {
		transform: translate(0, 0) rotate(-5.5deg)
	}

	16% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	18% {
		transform: translate(0, 0) rotate(7.5deg)
	}

	20% {
		transform: translate(0, 0) rotate(-4.5deg)
	}

	22% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	24% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	26% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	28% {
		transform: translate(0, 0) rotate(-4.5deg)
	}

	30% {
		transform: translate(0, 0) rotate(4.5deg)
	}

	32% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	34% {
		transform: translate(0, 0) rotate(4.5deg)
	}

	36% {
		transform: translate(0, 0) rotate(1.5deg)
	}

	38% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	40% {
		transform: translate(0, 0) rotate(0.5deg)
	}

	42% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	44% {
		transform: translate(0, 0) rotate(-5.5deg)
	}

	46% {
		transform: translate(0, 0) rotate(5.5deg)
	}

	48% {
		transform: translate(0, 0) rotate(7.5deg)
	}

	50% {
		transform: translate(0, 0) rotate(0.5deg)
	}

	52% {
		transform: translate(0, 0) rotate(-0.5deg)
	}

	54% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	56% {
		transform: translate(0, 0) rotate(5.5deg)
	}

	58% {
		transform: translate(0, 0) rotate(-5.5deg)
	}

	60% {
		transform: translate(0, 0) rotate(-3.5deg)
	}

	62% {
		transform: translate(0, 0) rotate(5.5deg)
	}

	64% {
		transform: translate(0, 0) rotate(-3.5deg)
	}

	66% {
		transform: translate(0, 0) rotate(5.5deg)
	}

	68% {
		transform: translate(0, 0) rotate(7.5deg)
	}

	70% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	72% {
		transform: translate(0, 0) rotate(0.5deg)
	}

	74% {
		transform: translate(0, 0) rotate(-1.5deg)
	}

	76% {
		transform: translate(0, 0) rotate(2.5deg)
	}

	78% {
		transform: translate(0, 0) rotate(6.5deg)
	}

	80% {
		transform: translate(0, 0) rotate(4.5deg)
	}

	82% {
		transform: translate(0, 0) rotate(-3.5deg)
	}

	84% {
		transform: translate(0, 0) rotate(3.5deg)
	}

	86% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	88% {
		transform: translate(0, 0) rotate(-5.5deg)
	}

	90% {
		transform: translate(0, 0) rotate(4.5deg)
	}

	92% {
		transform: translate(0, 0) rotate(-3.5deg)
	}

	94% {
		transform: translate(0, 0) rotate(7.5deg)
	}

	96% {
		transform: translate(0, 0) rotate(-2.5deg)
	}

	98% {
		transform: translate(0, 0) rotate(-6.5deg)
	}

	0%,
	100% {
		transform: translate(0, 0) rotate(0)
	}
}
